<div class="layout-container fn-clearfix module-c2c-box">
    <div class="layout-container-aside m-aside-nav">
        <ul class="list fn-clearfix">
            <li class="left-nav-item">
                <div class="item-box">
                    <a href="javascript:;"
                       class="item-link"
                       :class="{'item-link--active': $route.path === '/' || $route.path.indexOf('digitalasset') >= 0}">
                        <i class="icon icon-DA"></i>{{$t('OrderManagement')}}</a>
                </div>
            </li>
            <li class="left-nav-item left-nav-item--sub">
                <div class="item-box">
                    <a href="#/order/sell"
                       class="item-link"
                       :class="{'item-link--active': $route.path.indexOf('/order/sell') >= 0}">{{$t('mySellOrder')}}</a>
                </div>
            </li>
            <li class="left-nav-item left-nav-item--sub">
                <div class="item-box">
                    <a href="#/order/buy"
                       class="item-link"
                       :class="{'item-link--active': $route.path.indexOf('/order/buy') >= 0}">{{$t('myBuyOrder')}}</a>
                </div>
            </li>
            <li class="left-nav-item left-nav-item--sub">
                <div class="item-box">
                    <a href="#/order/advert"
                       class="item-link"
                       :class="{'item-link--active': $route.path.indexOf('/order/advert') >= 0}">{{$t('myAd')}}</a>
                </div>
            </li>
        </ul>
    </div>
    <div class="layout-container-module">
        <div class="module-box">
            <div class="ui-account-box">
                <keep-alive>
                    <router-view></router-view>
                </keep-alive>
            </div>
        </div>
    </div>
</div>

